.commentboxwrapper {
   background: #ccc url(images/commentsbg.gif) repeat-y;
}

#commentbox {
   padding: 12px 18px 12px 12px;
}

    .comment {
        background: #c0ddea;
        border-bottom: #8ab2c3 1px solid;
        margin: 0 0 12px 0;
    }

       .commentheader {
            background: #d9e9f0;
            border-bottom: #bfc9cd 3px double;
            height: 50px;
            padding: 6px;
       }
       
       .commentgravatar {            
            float: left;
            padding: 2px;
            border: #b2d4e3 1px solid;
            height: 40px;
            width: 40px;
       }
       
       .commentinfo {
            height: 50px;
            width: 285px;
            float: left;
            padding: 0 0 0 12px;
       }

       .commentdate {
            color: #a1a2a2;
            text-transform: uppercase;
            font-size:  0.6em;
            line-height: 0.7em;
            padding: 2px 0 0 0;
       }

       h1.commenttitle {
            display: block;
            color: #2f9cde;
            font-size: 1.5em;
            font-weight: 500;
            border-bottom: #c0c0c0 3px double;
            padding: 0;
            margin: 0;
       }
       
           .commentitle a {
                color: #2f9cde;
           }

           .posttitle a:hover {
                color: #7e7e7e;
           }

       .commentauthor {
            width: 285px;
            height: 22px;
            font-family: "Georgia";
            color: #7b7c7b;
            font-size:  0.8em;
            border-bottom: #b2d4e3 1px solid;
       }
       
            .commentauthor a {
                color: #696969;
            }

       .commentcontent {
            padding: 6px 6px 0 6px;                                    
            color: #777;
            font-size:  0.9em;
            line-height: 1.5em;
       }
            
            .commentcontent a,
            .commentcontent a:link {
                color: #2f9cde;                 
            }

            .commentcontent a:hover {
                color: #e1453f;
                text-decoration: underline;
            }
        
            .commentcontent img {
                border: #b0b0b0 3px double;
                margin: 0 0 12px 0;
                max-width: 335px;
            }
            
            .commentcontent blockquote {
                display: block;
                font-family: verdana, arial, helvetica, sans-serif;
                font-size: 0.8em;
                line-height: 1.3em;
                color: #999;
                background: #e1eef3;                
                margin: 0 0 1.4em 0;
                padding: 12px 12px 1px 12px;
                border-left: #c1c9c3 3px double;
                border-right: #c1c9c3 3px double;
            }
            
            .commentcontent blockquote blockquote {
                padding: 0 6px 6px 6px;
                border: none;
                color: #999;
                font-size: 1em;
            }
            
            .commentcontent pre {
               overflow: auto;
               margin: 0 0 18px;
               padding: 4px;
            }
            
            .commentcontent pre, .postcontent code, .postcontent kbr {
               font-family: Courier, Monaco, monospace;
            }
            
            .commentcontent ul {    
                padding-left: 0;
                margin-top: 0;
                margin-left: 0;
                border-bottom: 1px dotted #a9d0e1;
            }
            
            .commentcontent ul li {
                list-style: none;
                margin: 0; 
                padding: 0 0.25em 0 0.25em;
                border-top: 1px dotted #a9d0e1;
            }
                
               .commentcontent li a {
                    color: #2f9cde;                 
               }
            
               .commentcontent li a:hover {
                    color: #e1453f;
                    text-decoration: underline;
               }
               
            .commentcontent ol {
            
            }
            
            .commentcontent code {
                display: block;
                width: 335px;
                padding: 5px 3px;
                margin: 1.2em 0;
                background: #ccc;
                color: #666;
                overflow: auto;                
                border: 1px solid #aaa;
            }
            
            .commentcontent .wp-smiley {
                padding: 0;
                margin: 0;
                border: none;
            }
                
            
#replybox {
   padding: 12px 18px 0 12px;
   display: none;
}

   #replybox p {
        padding: 0;
        margin: 0 0 6px 0;
   }
            
